body {margin:25px; font:11px Verdana,Arial; background:#eee}
/*Links(�������� ������)*/
#menu  li
{
	float:left;
	background:url("images/menu-bg.png");
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	margin-top:0.0em;
    position:relative;
	z-index: 1; 	
	}

/*Links(��������� � ���� ������ ������������ ����)*/
#menu a
{
    color:white;
	display:block;
	padding:4px 10px 5px 10px;
	text-decoration:none;
	text-align:left;
	font-size:13px;
}

/*Root items(��������� ������ � ������ ������ �������������� ����)*/
#menu li a.root-item
{
    color:white;
	font-weight:bold;
	font-size:13px;
	white-space:nowrap;
	padding:9px 15px 12px;
}

/*Root menu selected(�������� �����)*/
#menu li a.root-item-selected
{
	background:url("images/menu-hover.png");
	color: #dedede;
	font-weight:bold;
	font-size:13px;
	padding:9px 15px 12px;
}

/*Item-parents(���������)*/
#menu a.parent
{
	background: url("images/menu-strelka.png") no-repeat;
	background-position: 97% center;
}

/*Root items: hover(��������� ������ ��� ��������� ���� �������������� ����)*/
#menu li:hover a.root-item, 
#menu li.jshover a.root-item
{
	background: url("images/menu-hover.png");
	color:#dedede;
	font-size:13px;
	padding:9px 15px 12px;
}

/*Child-items: hover(��������� ������  ��� ��������� ���� ������������ ����)*/
#menu li li:hover, #menu li li.jshover
{
	background:url("images/menu-hover.png");
	color:#fff;
}

/*Child-items selected(��������� ������  ��� ��������� ����)*/
#menu li li.item-selected
{
	background:url("images/menu-hover.png");
	color:#fff;
}

#menu div.root-separator
{
	width:2px;
	height:40px;
	float:left;
	background:url("images/menu-devider.png") center top no-repeat;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:1px}/*Sub-menu item box(����������� ����� �������� ��������������� ����)*/
ul.menu ul {position:absolute; top:40px; left:0; background:#c9c9c9; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; 
border:1px solid #4682b4; border-top:none;
width:250px; margin:0}/*Sub-menu item box(������ � ������� ������������� ����)*/
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:url("images/menu-bg.png")}
ul.menu li a:hover {background:url("images/menu-hover.png")}
ul.menu ul ul {left:250px; top:-1px}
ul.menu.menulink {border:1px solid #c9c9c9; padding:5px 7px 7px; font-weight:bold; background:url("images/menu-bg.png"); width:250px}
ul.menu.menulink:hover, ul.menu .menuhover {background:url("images/header_over.png")}
ul.menu .sub {background:#c9c9c9 url("images/menu-strelka.png") 250px 8px no-repeat}
ul.menu.topline {border-top:100px solid #c9c9c9}